<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/topNav.css">
    <link rel="stylesheet" href="css/geographyRec.css">
    <link rel="shortcut icon" href="favicon.ico">
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/topNav.js"></script>
</head>
<body>
<!--<div class="wrap">-->
<!--banner部分-->
<div class="banner">
    <div class="banner-wrap w">
        <div class="banner-nav">
            <ul>
                <li><span></span><a href="index.html">进入官网</a></li>
                <li><span></span><a href="javascript:;">账号注册</a></li>
                <li><span></span><a href="javascript:;">官方论坛</a></li>
                <li><span></span><a href="javascript:;">游戏下载</a></li>
            </ul>
        </div>
        <div class="banner-area" id="banner-area">
            <ul>
                <!--<li><a href="javascript:;" id="beiming">北冥</a></li>-->
                <!--<li><a href="javascript:;" id="shanchuan">山川</a></li>-->
                <!--<li><a href="javascript:;" id="yuanye">原野</a></li>-->
                <!--<li><a href="javascript:;" id="huhai">湖海</a></li>-->
                <!--<li><a href="javascript:;" id="bingxue">冰雪</a></li>-->
                <!--<li><a href="javascript:;" id="tiankong">天空</a></li>-->
                <!--<li><a href="javascript:;" id="xiaozhen">小镇</a></li>-->
                <!--<li><a href="javascript:;" id="zhucheng">主城</a></li>-->
                <!--<li><a href="javascript:;" id="daolu">道路</a></li>-->
                <!--<li><a href="javascript:;" id="jianzhu">建筑</a></li>-->
            </ul>
        </div>
    </div>
</div>
<!--内容部分-风景展示-->
<div class="scenery w" id="scenery">
    <!--北冥-->
    <!--<div class="sce-area">-->
    <!--&lt;!&ndash;风景介绍部分&ndash;&gt;-->
    <!--<div class="sce-intro clearfix">-->
    <!--<h5>爆料北溟</h5>-->
    <!--<p>-->
    <!--《天下3》将于近日推出本年度首部重量级全新资料片，再次突破游戏疆域，新开启的国风幻想场景“北溟”-->
    <!--则是最核心的亮点！全新剧情将用玩家的第一视角去突破三位嗜血魔侯的围剿，不忘初心重回大荒世界。-->
    <!--</p>-->
    <!--</div>-->
    <!--&lt;!&ndash;风景标题部分&ndash;&gt;-->
    <!--<div class="sce-title">-->
    <!--<h3>国风幻想录——北溟</h3>-->
    <!--</div>-->
    <!--&lt;!&ndash;风景内容部分&ndash;&gt;-->
    <!--<div class="sce-cont">-->
    <!--&lt;!&ndash;每一个风景&ndash;&gt;-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title title-desc">-->
    <!--<h4>北溟场景</h4>-->
    <!--<span>岐山山脉，横贯中原</span>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>幻美的景象，魔族的属地，阴沉的氛围中曙光乍现，有如心中不灭的光明。</p>-->
    <!--<p>幻美的景象，魔族的属地，阴沉的氛围中曙光乍现，有如心中不灭的光明。</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming02.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>夜安城</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>这些朱红的树，映衬着这片土地上嗜血的魔。红色是冰冷已久的血液，蓝色是魔族盘踞剔透的欲孽！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming03.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="sce-cont-item">-->
    <!--<div class="item-title">-->
    <!--<h4>北溟场景</h4>-->
    <!--</div>-->
    <!--<div class="item-part">-->
    <!--<div class="item-part-desc">-->
    <!--<p>庄子《逍遥游》有云“北溟有鱼，其名为鲲，鲲之大，不知其几千里也！</p>-->
    <!--</div>-->
    <!--<div class="item-part-pic">-->
    <!--<a href="javascript:;">-->
    <!--<img src="images/geographyRec/beiming01.jpg" alt="">-->
    <!--</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;更多美图&ndash;&gt;-->
    <!--<div class="sce-more">-->
    <!--<div class="sce-more-title">-->
    <!--<h4>更多"国风幻想录"美图</h4>-->
    <!--</div>-->
    <!--&lt;!&ndash;滚动区域&ndash;&gt;-->
    <!--<div class="sce-more-items" id="sceMoreItems">-->
    <!--&lt;!&ndash;左右按钮&ndash;&gt;-->
    <!--<div class="items-cut-btn">-->
    <!--<span class="leftBtn"></span>-->
    <!--<span class="rightBtn"></span>-->
    <!--</div>-->
    <!--&lt;!&ndash;图片展示区域&ndash;&gt;-->
    <!--<div class="items-roll">-->
    <!--<ul>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan08.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan09.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan10.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan11.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan12.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan13.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan14.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan15.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan16.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan17.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan18.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan19.jpg" alt=""></a></li>-->
    <!--<li><a href="javascript:;"><img src="images/geographyRec/shanchuan20.jpg" alt=""></a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--北冥结束-->
</div>
<!--分享-->
<div class="share w">
    <!--美图来源-->
    <div class="origin">
        <p>以上所有精美截图均收集自玩家，作者名单如下（排名不分先后）：</p>
        <p>无澜　　清秾　　千森　　神奇仙仙　　媄丶　　念卿　　鄀藜　　紫幽丶　　望舒寒灬梦一生</p>
        <p>訫翼丨猫灬未染　　人走茶也凉　　honeysunny　　木木倾青　　鹊桥仙境CTRLZ　　水中月涟漪</p>
        <p>wena90　　桥丿潇湘夜雨　　黄泉不系笑透视　　www_whw_cn　　时空的忧伤　　天下3截图控　　Phan</p>
    </div>
    <div class="share-con">
        <span>将此页面分享到：</span>
        <a href="javascript:;" class="wy">网易微博</a>
        <a href="javascript:;" class="qzone">QQ空间</a>
        <a href="javascript:;" class="tx">腾讯微博</a>
        <a href="javascript:;" class="xl">新浪微博</a>
        <a href="javascript:;" class="kxw">开心网</a>
        <a href="javascript:;" class="sh">搜狐白社会</a>
        <a href="javascript:;" class="rrw">人人网</a>
        <a href="javascript:;" class="db">豆瓣</a>
        <a href="javascript:;" class="msn">MSN</a>
    </div>
</div>
<!--底部-->
<div class="footer w">
    <span class="footer-logo">
        <a href="javascript:;" class="netease"></a>
        <a href="javascript:;" class="nie"></a>
        <a href="javascript:;" class="wen"></a>
    </span>
    <span class="footer-frindLink">
        <a href="javascript:;">公司简介</a><i> - </i>
        <a href="javascript:;">客户服务</a><i> - </i>
        <a href="javascript:;">相关法律</a><i> - </i>
        <a href="javascript:;">网易游戏</a><i> - </i>
        <a href="javascript:;">联系我们</a><i> - </i>
        <a href="javascript:;">商务合作</a><i> - </i>
        <a href="javascript:;">加入我们</a>
        <br>
        <span class="footer-copyright">杭州网易雷火科技有限公司版权所有 ©1997-2017</span>
    </span>
    <a href="javascript:;" class="footer-tutelage">点击查看家长监护工程 ></a>
    <br/>
    <div class="footer-explain">
        <span>tx3.163.com由广州网易计算机系统有限公司授权杭州网易雷火科技有限公司使用</span>
    </div>
</div>
<!--右侧导航区域-->
<div class="right-nav" id="right-nav">
    <!--导航-->
    <div class="nav-con">
        <h3>国风地理志</h3>
        <div class="nav-list">
            <ul>
                <!--<li><a href="javascript:;" id="beiming"><i></i>南海秘境</a></li>-->
                <!--<li><a href="javascript:;"><i></i>壮美峰峦</a></li>-->
                <!--<li><a href="javascript:;"><i></i>原野丘陵</a></li>-->
                <!--<li><a href="javascript:;"><i></i>海岸湖滨</a></li>-->
                <!--<li><a href="javascript:;"><i></i>雪地冰渊</a></li>-->
                <!--<li><a href="javascript:;"><i></i>浮空奇景</a></li>-->
                <!--<li><a href="javascript:;"><i></i>江南水乡</a></li>-->
                <!--<li><a href="javascript:;"><i></i>王朝主城</a></li>-->
                <!--<li><a href="javascript:;"><i></i>巴山蜀道</a></li>-->
                <!--<li><a href="javascript:;"><i></i>国风建筑</a></li>-->
                <ul>
                    <!--<li><a href="javascript:;" id="right-beiming"><i></i>北溟幻世录</a></li>-->
                    <!--<li><a href="javascript:;" id="right-shanchuan"><i></i>壮美峰峦</a></li>-->
                    <!--<li><a href="javascript:;" id="right-yuanye"><i></i>原野丘陵</a></li>-->
                    <!--<li><a href="javascript:;" id="right-huhai"><i></i>海岸湖滨</a></li>-->
                    <!--<li><a href="javascript:;" id="right-bingxue"><i></i>雪地冰渊</a></li>-->
                    <!--<li><a href="javascript:;" id="right-tiankong"><i></i>浮空奇景</a></li>-->
                    <!--<li><a href="javascript:;" id="right-xiaozhen"><i></i>江南水乡</a></li>-->
                    <!--<li><a href="javascript:;" id="right-zhucheng"><i></i>王朝主城</a></li>-->
                    <!--<li><a href="javascript:;" id="right-daolu"><i></i>巴山蜀道</a></li>-->
                    <!--<li><a href="javascript:;" id="right-jianzhu"><i></i>国风建筑</a></li>-->
                </ul>
            </ul>
        </div>
    </div>
    <!--top-->
    <div class="goTop" id="goTop">Top↑</div>
</div>
<!--</div>-->
<!--弹出图片幻灯片-->
<div class="slide" id="slide">
    <!--遮罩层-->
    <div class="shade" id="shade"></div>
    <!--幻灯片-->
    <div class="slide-img">
        <!--图片展示-->
        <div class="slide-img-tier">
            <img src="images/geographyRec/shanchuan01.jpg" alt="">
            <!--图片切换层-->
            <div class="cutTier">
                <a class="leftTier"></a>
                <a class="rightTier"></a>
            </div>
        </div>
        <!--图片操作区域-->
        <div class="slide-img-ope">
            <p class="slide-img-num">图片<span id="num">11</span>共<span id="count">11</span></p>
            <a class="slide-img-close" id="slide-img-close"></a>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

<!--<script type="text/javascript" src="js/index.js"></script>-->
<script type="text/javascript" src="js/geographyRec.js"></script>
</html>